<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>函数入门</title>
<!--
      函数是由事件驱动的，或者当它被调用时，
      执行的可重复使用的代码快。

      函数， 事件驱动，调用，重复执行。
      1,主动调用
      2,通过事件去触发该函数.
-->
    <script type="text/javascript">
        function hi(){
            alert("hi  the world of js ~");
        }
    </script>

    <script type="text/javascript">
        hi();
    </script>

</head>
<body>
<!--
    这里表示给button 绑定了 onclick 事件。
    当用户点击了该button,就会触发hi()函数.
-->
    <button onclick="hi()">点这里</button>
    <button>没有绑定事件</button>
    <button>hi()</button>

</body>
</html>